<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="xlsx.full.min.js"></script>
    <style>
      .container {
        width: 500px;
        height: 550px;
      }
      .table-area {
        width: 100%;
        height: 450px;
        overflow-y: auto;
        border: 1px solid rosybrown;
      }
      .order-table {
        width: 600px;
        border-collapse: collapse;
        text-align: left;
        table-layout: fixed;
      }
      th,
      td {
        border: 1px solid black;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .col-2 {
        width: 40px;
      }
      .col-3 {
        width: 80px;
      }
      .col-4 {
        width: 150px;
      }
      .col-1,
      .col-8 {
        width: 20px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <p class="tips">1.进入商家后台页面，选择订单查询菜单</p>
      <p class="tips">2.点击“采集数据按钮”，如果有验证码就校验，校验完毕后继续点击采集数据按钮，直到所有数据采集完毕</p>
      <p class="tips">3.采集完毕后点击下载按钮，文件名默认为下载时间</p>
      <div class="operation-btn">
        <button id="exportBtn">采集数据</button>
        <button id="downloadBtn">下载</button>
      </div>
      <div class="table-area">
        <table class="order-table">
          <thead>
            <th class="col-1" title="序号">序号</th>
            <th class="col-2" title="收件人">收件人</th>
            <th class="col-3" title="手机号">手机号</th>
            <th class="col-4" title="收货地址">收货地址</th>
            <th class="col-5" title="平台订单号">平台订单号</th>
            <th class="col-6" title="商品信息">商品信息</th>
            <th class="col-7" title="规格信息">规格信息</th>
            <th class="col-8" title="数量">数量</th>
            <th class="col-9" title="备注">备注</th>
          </thead>
          <tbody></tbody>
        </table>
      </div>
    </div>
    <script src="popup.js"></script>
  </body>
</html>
